<template>
	<div class="head">
		<div class="nav">
			<div class="us">
				<router-link to="/learn" class="ready">点击阅读</router-link>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name:'Head'
	};
</script>

<style scoped>
	.nav{
		width: 1400px;
		/* background-color: #89c2ff; */
		height: 60px;
		margin: 0 auto;
	}
	.us{
		line-height: 50px;
		font-size: 18px;
		font-weight: 800;
		color: #FFFFFF;
		width: 100px;
	}
	.us:hover{
		color: #f3a929;
	}
	.head{
		height: 60px;
		background-color: #757575;
	}
	.ready{
		color: #FFFFFF;
		width: 100px;
		height: 60px;
		line-height: 60px;
		display: inline-block;
		text-align: center;
	}
	.ready:hover{
		color: #35e785;
	}
</style>
